<template>
  <Header class="head"></Header>
  <router-view class="content"></router-view>
  <Bottom class="bottom"></Bottom>
</template>

<script setup lang='ts'>
import Header from "@/page/public/header/index.vue"
import Bottom from "@/page/public/bottom/index.vue"
</script>
<style scoped lang="scss">
#app {
  display: flex;
  flex-direction: column;
  justify-content:space-around;


  .head {
    padding-right: 250px;
    padding-left: 100px;
    height: 100%;
  }

  .content {
    display: flex;
    min-height: 800px;
    min-width: 600px;
    margin-top: 10px;
  }

}
</style>